.y-input {
  @apply border border-gray-200 w-full py-1 px-2 placeholder:text-xs outline-none ring-offset-2 focus:ring-2 focus:border-white ring-violet-600 rounded-sm duration-300;
}

.y-error {
  @apply rounded-sm bg-pink-500 text-white text-sm px-2 mt-2;
}
.y-button {
  @apply bg-violet-700 text-white px-4 py-2 rounded-sm duration-150 hover:opacity-90;
  &.danger{ 
    @apply bg-pink-400 hover:opacity-90;
  }
}
